<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/destfilter.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/system/destfilter.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
    <script type="text/javascript" src="/js/system/destionation.js"></script>


    <script type="text/javascript">
        $(function () {
    
            //点击事件
            $(".clearfix .savebtn").click(function () {
                $("#filters").html('');
                $.get("/destination/getCitys",function (data) {
                    $("#filters").append(data);
            })

            // 点击时触发月份
            $('.clearfix .month a').on('click',function () {
                $(this).addClass('on').siblings().removeClass('on');
            });

            // 点击时触发主题
            $('.clearfix .theme a').on('click',function () {
                $(this).addClass('on').siblings().removeClass('on');
            });


            // 点击时触发天数
            $('.clearfix .mydays a').on('click',function () {
                $(this).addClass('on').siblings().removeClass('on');
            });
                //点击国庆事件特殊处理
                $(".clearfix #gq a").click(function () {
                    var id= $(this).data("id")
                    console.log(id);
                    if (id==40){
                        $("#filters").html('');
                      alert("国庆快乐");

                      window. location.reload();
                    }
                })
         })
     })
    </script>

</head>

<body>
<#assign currentNav="destination">
<#include "../common/navbar.ftl">
<div class="container ">


    <div class="row-top">
        <div class="wrapper">
            <div class="top-bar">
                <div class="crumb">
                    <div class="item"><a href="javascript:;" target="_blank">目的地</a><em>&gt;</em></div>
                    <div class="item cur">目的地筛选</div>
                </div>
            </div>
            <div class="filter-title">目的地筛选</div>

            <div class="filter-nav">

                <div id="search">

                </div>
                <dl class="clearfix list-dest"  >
                    <dt>月份</dt>
                    <dd class="J_dd">
                        <div class="month clearfix  savebtn" >
                            <a class="on" href="javascript:void(0)" data-month="-1" id="-1">不限</a>
                        <#list destRegions as m >
                            <a class="" href="javascript:void(0)" data-id="${(m.id)!}">${(m.name)!}</a>
                        </#list>
                        </div>
                    </dd>
                </dl>


                <dl class="clearfix list-dest ">
                    <dt>主题</dt>
                    <dd class="J_dd theme  savebtn" >
                        <a class="" href="javascript:void(0)" data-id="${(tagId)!}">不限</a>
                        <div class="sub-nav">

                            <!--主题分类-->
                            <#list themes as t>
                            <dl class="clearfix ">

                                <dt>${(t.name)!}:</dt>
                                <dd id="gq">
                                 <#if t??>
                                <#list t.tags as g >
                                    <a href="javascript:void(0)" data-id="${(g.id)!}">${(g.name)!}</a>
                               </#list>
                                 </#if>
                                </dd>
                            </dl>
                            </#list>

                        </div>
                    </dd>
                </dl>

                <dl class="clearfix list-dest" >
                    <dt>天数</dt>
                    <dd class="J_dd mydays  savebtn">
                        <a class="on" href="javascript:void(0)" data-traveltimetype="-1">不限</a>
                        <a href="javascript:void(0)" data-traveltimetype="1">2-3天</a>
                        <a href="javascript:void(0)" data-traveltimetype="2">4-5天</a>
                        <a href="javascript:void(0)" data-traveltimetype="3">6-9天</a>
                        <a href="javascript:void(0)" data-traveltimetype="4">10天及以上</a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>

    <!--图片-->
    <div class="row-list">
            <div class="wrapper">
            <ul class="clearfix " >
                <div id="filters">
                        <!-------------------------------------------------------------->
                        <li class="item" id="zf">
                            <div class="img"><a href="http://www.wolfcode.cn" target="_blank" ><img height="200" width="320"  src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569680871848&di=5b9fc0bf4d2c3e5a6e81a81a3fd0bdf0&imgtype=0&src=http%3A%2F%2Fy3.ifengimg.com%2Fcmpp%2F2015%2F10%2F04%2F05%2F15d3cabb-983c-4bd4-af2b-c81cc67655ad_size32_w400_h245.jpg" style=" display: inline;">
                                <div class="title"></div></a></div>
                            <div class="info">
                                <p class="detail">在庆祝新中国成立70周年之际，以代码的方式祝福新中国生日快乐</p>
                                <div class="hot">
                                    <span class="label">合作人</span>
                                    <a href="http://www.wolfcode.cn" target="_blank">王一飞</a>
                                    <span class="divide"></span>
                                    <a href="http://www.wolfcode.cn" target="_blank">谢秋纯</a>
                                    <span class="divide"></span>
                                    <a href="http://www.wolfcode.cn" target="_blank">扫黄小组</a>
                                </div>

                                <div class="line"><a href="http://www.wolfcode.cn" target="_blank"><em>1</em>广州狼码教育科技有限公司联合赞助</a></div>
                            </div>
                        </li>
                        <!-------------------------------------------------------------->

                </div>
            </ul>
        </div>
    </div>
</div>
<div id="footer">
    <div class="ft-content" style="width: 1105px">
        <div class="ft-info clearfix">
            <dl class="ft-info-col ft-info-intro">
                <dt>马蜂窝旅游网</dt>
                <dd>叩丁狼是一家专注于培养高级IT技术人才，为学员提供定制化IT职业规划方案及</dd>
                <dd>意见咨询服务的教育科技公司，为您提供海量优质课程，以及创新的线上线下学</dd>
                <dd>习体验，帮助您获得全新的个人发展和能力提升。</dd>
            </dl>
            <dl class="ft-info-col ft-info-qrcode">
                <dd>
                    <span class="ft-qrcode-tejia"></span>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin"></span>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin" style="background-image: url('https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90')"></span>
                </dd>
            </dl>
            <dl class="ft-info-social">
                <dt>向崇尚自由的加勒比海盗致敬！</dt>
                <dd>
                    <a class="ft-social-weibo" target="_blank" href="javascript:;" rel="nofollow"><i
                            class="ft-social-icon"></i></a>
                    <a class="ft-social-qqt" target="_blank" href="javascript:;" rel="nofollow"><i
                            class="ft-social-icon"></i></a>
                    <a class="ft-social-qzone" target="_blank" href="javascript:;" rel="nofollow"><i
                            class="ft-social-icon"></i></a>
                </dd>
            </dl>
        </div>

        <div class="ft-links">
            <a target="_blank" href="http://china.makepolo.com/">马可波罗</a><a target="_blank" href="http://www.onlylady.com/">Onlylady女人志</a><a target="_blank" href="http://trip.elong.com/">艺龙旅游指南</a><a target="_blank" href="http://www.cncn.com">欣欣旅游网</a>
            <a target="_blank" href="http://www.8264.com/">户外运动</a><a target="_blank" href="http://www.yue365.com/">365音乐网</a><a target="_blank" href="http://ishare.iask.sina.com.cn/">爱问共享资料</a><a target="_blank" href="http://www.uzai.com/">旅游网</a>
            <a target="_blank" href="http://www.zongheng.com/">小说网</a>
            <a target="_blank" href="http://www.xuexila.com/">学习啦</a><a target="_blank" href="http://www.yododo.com">游多多自助游</a><a target="_blank" href="http://www.zhcpic.com/">问答</a><a target="_blank" href="http://huoche.mafengwo.cn/">火车时刻表</a>
            <a target="_blank" href="http://www.lvmama.com">驴妈妈旅游网</a>
            <a target="_blank" href="http://www.haodou.com/">好豆美食网</a><a target="_blank" href="http://www.taoche.com/">二手车</a><a target="_blank" href="http://www.lvye.cn">绿野户外</a><a target="_blank" href="http://www.tuniu.com/">途牛旅游网</a>
            <a target="_blank" href="http://www.mapbar.com/">图吧</a>
            <a target="_blank" href="http://www.chnsuv.com">SUV联合越野</a><a target="_blank" href="http://www.uc.cn/">手机浏览器</a><a target="_blank" href="http://sh.city8.com/">上海地图</a><a target="_blank" href="http://www.tianqi.com/">天气预报查询</a>
            <a target="_blank" href="http://www.ly.com/">同程旅游</a>
            <a target="_blank" href="http://www.tieyou.com/">火车票</a><a target="_blank" href="http://www.yunos.com/">YunOS</a><a target="_blank" href="http://you.ctrip.com/">携程旅游</a><a target="_blank" href="http://www.jinjiang.com">锦江旅游</a>
            <a target="_blank" href="http://www.huoche.net/">火车时刻表</a>
            <a target="_blank" href="http://www.tripadvisor.cn/">TripAdvisor</a><a target="_blank" href="http://www.tianxun.com/">天巡网</a><a target="_blank" href="http://www.mayi.com/">短租房</a><a target="_blank" href="http://www.zuzuche.com">租租车</a>
            <a target="_blank" href="http://www.5fen.com/">五分旅游网</a>
            <a target="_blank" href="http://www.zhuna.cn/">酒店预订</a><a target="_blank" href="http://www.ailvxing.com">爱旅行网</a><a target="_blank" href="http://360.mafengwo.cn/all.php">旅游</a><a target="_blank" href="http://vacations.ctrip.com/">旅游网</a>
            <a target="_blank" href="http://www.wed114.cn">wed114结婚网</a>
            <a target="_blank" href="http://www.chexun.com/">车讯网</a><a target="_blank" href="http://www.aoyou.com/">遨游旅游网</a><a target="_blank" href="http://www.91.com/">手机</a>
            <a href="javascript:;" target="_blank">更多友情链接&gt;&gt;</a>
        </div>
    </div>
</div>
<div class="mfw-toolbar" id="_j_mfwtoolbar" style="display: block;">
    <div class="toolbar-item-top" style="display: none;">
        <a role="button" class="btn _j_gotop">
            <i class="icon_top"></i>
            <em>返回顶部</em>
        </a>
    </div>
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">

            <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                 width="450" height="192">
        </a>
    </div>

</div>
</body>

</html>